Students will use XHTML standards & coding to create “well formed” web pages.
Objectives:
0201 Create pages -- Demonstrate knowledge required to create a web page. 0202 File naming -- Save web pages and files in a logical folder organization and with appropriate naming. 0203 XHTML structure – Know and use the rules to create “well formed” web pages with appropriate XHTML structure and standards that can be validated. (W3C)
All documents must have a root element
XHTML is case sensitive
All elements must have a closing tag
XHTML elements must be properly nested
Attribute values must appear within quotation marks
Full attribute form must be used for all attributes
Empty elements must be closed
0204 XHTML types – Understand and use the DOCTYPE Declaration (DTD) in the types of XHTML including strict and transitional. (Frameset DTD is optional) 0205 XHTML elements -- Use the required and basic elements (tags and attributes) at the block level and inline to create web pages with text formatting, links, images, special characters, lists, tables, etc. 0206 Deprecated tags – Understand deprecated tags and the differences between html and xhtml. 0207 Metatags --Use Metatags for page documentation and search engine optimization (SEO). 0208 Design principles -- Identify and use design and color principles for web pages. 0209 GUI editor – Use a GUI-based HTML editing software to create web pages. 0210* Advanced elements – Use advanced elements to create web pages with image maps to web pages, forms, frames, and/or iframes. 0211 Terminology – Review and understand the pertinent XHTML terminology.
Table of Contents
Web Development
Web Development 02 -- Fundamentals of XHTML
Students will use XHTML standards & coding to create “well formed” web pages.Objectives:
0201 Create pages -- Demonstrate knowledge required to create a web page.0202 File naming -- Save web pages and files in a logical folder organization and with appropriate naming.
0203 XHTML structure – Know and use the rules to create “well formed” web pages with appropriate XHTML structure and standards that can be validated. (W3C)
- All documents must have a root element
- XHTML is case sensitive
- All elements must have a closing tag
- XHTML elements must be properly nested
- Attribute values must appear within quotation marks
- Full attribute form must be used for all attributes
- Empty elements must be closed
0204 XHTML types – Understand and use the DOCTYPE Declaration (DTD) in the types of XHTML including strict and transitional. (Frameset DTD is optional)0205 XHTML elements -- Use the required and basic elements (tags and attributes) at the block level and inline to create web pages with text formatting, links, images, special characters, lists, tables, etc.
0206 Deprecated tags – Understand deprecated tags and the differences between html and xhtml.
0207 Metatags --Use Metatags for page documentation and search engine optimization (SEO).
0208 Design principles -- Identify and use design and color principles for web pages.
0209 GUI editor – Use a GUI-based HTML editing software to create web pages.
0210* Advanced elements – Use advanced elements to create web pages with image maps to web pages, forms, frames, and/or iframes.
0211 Terminology – Review and understand the pertinent XHTML terminology.
Lessons:
Opera WSC #12 -- The basics of HTML, by Mark Norman Francis.Opera WSC #13 -- The HTML <head> element, by Christian Heilmann.
Opera WSC #6 -- Information Architecture—planning out a web site, by Jonathan Lane.
Opera WSC #8 -- Colour Theory, by Linda Goin.
Expressions Web Design #1 -- Introduction to Web Design Using Microsoft® Expression® (Beta), Module 1 HTML Basics
Expressions Web Design #3 -- Introduction to Web Design Using Microsoft® Expression® (Beta), Module 3 Designing for Communication
Expressions Web Design #5 -- Introduction to Web Design Using Microsoft® Expression® (Beta), Module 5 Beyond the Basics with Expression Web
Activities:
02 Terminology Worksheet --WD02_Fundamentals_XTHML_Voc.doc
WD02_Fundamentals_XTHML_Voc.pdf
Projects: